<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>高手班简章</title>
		<style>
			body{
				width: 330px;
				font-size: 12px;
			}
			.title{
				text-align: center;
				color: red;
				font-size: 21px;
				font-weight: bold;
			}
			.subtitle{
				text-align: center;
				font-size: 18px;
				font-weight: bold;
				padding: 6px 0px 6px 0px;
			}
			.content1{
				background-color: #6495ED;
				margin-top: 5px;
				margin-bottom: 5px;
				color: white;
				line-height: 26px;
			}
			.content2{
				background-color: #ff6e1a;
				color: white;
				line-height: 26px;
			}
			.number{
				background-color: black;
				width: 20px;
				margin-right: 10px;
				margin-left: 5px;
				display: inline-table;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div>
			<div class="title">高手班 (升职加薪利器)</div>
			<div class="subtitle">第一部分: 基础知识进阶 (齐雷)</div>
			<div class="content1"><span class="number">1</span>新接口规范、Lambda表达式、Stream流</div>
			<div class="content2"><span class="number">2</span>多线程、并发安全</div>
			<div class="content1"><span class="number">3</span>NIO原理分析、RPC设计</div>
			<div class="content2"><span class="number">4</span>手写类加载器、JVM调优</div>
			
		</div>
	</body>
</html>
